html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a, a img { text-decoration: none; outline: none; border: none; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: top; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal; }

form { display: inline; }
fieldset { border: 0; }
legend { display: none; }

address, caption, cite, code, dfn, em, th, var { font-weight: normal; }
em { font-style: italic; }
q, blockquote { quotes: none; }
q:before, q:after { content: ''; }
strong { font-weight: bold; }
small { font-size: .92em; }
big { font-size: 1.1em; }
sup { font-size: 1em; vertical-align: top; }

ul,ol { list-style: none; }

.clearfix:after { display: block; font-size: 0; content:'\20'; clear: both; height: 0; }
.clearfix{*zoom:1;}




.sprite,#header #nav a,#header #searchform input,.date span.day,#pagination .arrow,.portrait span{background: url('../images/54C6A.png') -9999em 0 no-repeat;}

/* Structure
--------------------------------------------------- ***/
html{*overflow: hidden;}
body { color: #939393; font:14px Arial, "宋体", sans-serif; background: url(../images/03550.jpg) scroll;overflow: hidden; }

#container { overflow: auto; }
#column { margin: 50px auto; width: 884px; }
#header, #content, #footer { margin: 7px; background-color: #fff; }
.border { background-color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); }
.group { overflow: hidden; }
/* Typography
--------------------------------------------------- ***/
h3 { font-size: 16px; }

/* Scroll
--------------------------------------------------- ***/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { width: 16px; height: 100%; position: absolute; top: 0; right: 20px; z-index:70000;}
.jspVerticalBar * { margin: 0; padding: 0; }
.jspCap { height: 50px; display: block; }
.jspCapTop { background: url(../images/1292E.png) no-repeat bottom left; }
.jspCapBottom { background: url(../images/E7526.png) no-repeat top left; }
.jspTrack { position: relative; background: url(../images/1D475.png) repeat-y; }
.jspDrag { position: relative; top: 0; left: 2px; cursor: pointer; background: url(../images/99C58.png) repeat-y; }
.jspDragTop, .jspDragBottom { display: block; width: 10px; height: 4px; position: absolute; }
.jspDragTop { top: -4px; left: 0; background: url(../images/B92FB.png) no-repeat top left; }
.jspDragBottom { bottom: -4px; left: 0; background: url(../images/6FB3E.png) no-repeat bottom left; }


/* Header
--------------------------------------------------- ***/
#header { margin-bottom: 30px; padding: 12px 5px 20px 30px; }
#header .mast { padding: 0 0 0 0; min-height: 85px; clear: both;word-break:break-all;word-wrap:break-word;}
#header #title { float: left; width: 450px; }
#title h1 { font:35px/85px  "微软雅黑",'幼圆', sans-serif;}
h1 a { color: #4d4d4d; }
#header #nav { padding: 8px 0 0 90px; width: 245px; float: right; }
#header #searchform input { color: #9c9793; font-size: 14px; line-height: 20px;margin: 0 0 19px 0; padding: 5px 15px 5px 28px; width: 172px; height: 20px;background-position: 0 -220px; outline: none; }
#header #nav ul{margin-right: 10px;}
#header #nav li{float: right;}
#header #nav a { margin: 0 20px 0 0; width: 27px; height: 27px;float: left; position: relative; }
#header #nav li.profile a { background-position: 0 0;}
#header #nav li.twitter a { background-position: 0 -40px; }
#header #nav li.random a { background-position: 0 -80px;}
#header #nav li.ask a { margin: 0 17px 0 0; background-position: 0 -120px;}
#header #nav li.archive a { width: 30px; background-position: 0 -160px; }
#header #nav li a:hover, #header #nav li a.active { background-color: #4d4d4d !important; }
#header #nav li a.active { background-color: #4d4d4d !important; }

/* Tooltips */
#header #nav a:hover .tip { display: block; }
.tip {display: none;padding: 5px 0 0 0;  position: absolute; top: 33px; z-index: 100; background: url(../images/FAD35.png) no-repeat top center; }

#header #nav li.profile a .tip { right: -13px; }
#header #nav li.twitter a .tip { right: -12px; }
#header #nav li.random a .tip { right: -25px; }
#header #nav li.ask a .tip { right: -13px; }
#header #nav li.archive a .tip { right: -13px; }
.tip .bubble {line-height: 16px; font-size: 12px;color: #fff;white-space: nowrap; padding: 4px 14px; display: block; background: rgba(0,0,0,0.7); *background: #555;background: #555\0/; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.portrait { margin: 2px 31px 0 0; position: relative; float: left; }
.portrait, .portrait span, .portrait img { width: 80px; height: 80px; }
.portrait span { display: block; position: absolute; top: 0; left: 0; background: url(../images/91002.png) no-repeat; }
#profile, #ask { color: #4d4d4d; margin: 20px 27px 0 0; padding: 27px 0 10px 0; overflow: auto; background: url(../images/DCA20.png) repeat-x; }

/* Profile
--------------------------------------------------- ***/
#about { width: 420px; float: left; }
#about h3 { margin: 0 0 10px 0; }
#about p { color: #9c9793; font: normal 14px/20px 'Rokkitt', arial, serif; }

/* Ask
--------------------------------------------------- ***/
#ask .group { float: left; }
#ask h3 { margin: 0 0 10px 0; }
/* Footer
--------------------------------------------------- ***/
#footer { margin-top: 30px; padding: 0 10px 20px; overflow: hidden; word-break:break-all;word-wrap:break-word;}
.node { font-size: 12px;line-height: 18px;padding: 19px 19px 25px 20px; border-right: 1px dotted #d7d7d7; width: 170px; height: auto; float: left; padding-bottom: 1000px;margin-bottom: -1000px;}
.node.last { border: none; }
.node h3 { margin: 0 0 9px 0; }
.node h3, .node h3 a { color: #4d4d4d; }
#footer .node li{margin: 5px 0;}
.description{word-break:break-all;word-wrap:break-word;}
/* Posts
--------------------------------------------------- ***/
#content { padding: 30px; }
.post { position: relative; padding-bottom: 30px;background: url(../images/DCA20.png) no-repeat 110px bottom; word-break:break-all;word-wrap:break-word; }
.post h1{margin-bottom: 20px;font:28px  '微软雅黑', "幼圆", sans-serif;}
.post h2{margin: 10px 0;font:24px  '微软雅黑', "幼圆", sans-serif;}

.post .reblog{text-align: right;font-size: 12px;margin-top: 10px;}
/* Tags */

h2.tags_heading { font-size: 25px; margin: 0 0 20px 110px; }
h2.tags_heading span { font-weight: bold; }
/* Date */
.date { color: #c0c0c0; font-size: 16px; text-align: center; text-transform: uppercase; margin: 30px 28px 0 0; width: 82px; display: block; position: absolute; top: 0; left: 0; }
.date span.day { font-family: 'Rokkitt', arial, serif; font-size: 55px; margin: 0 0 5px 0;width: 82px; height: 82px;line-height: 82px; display: block; background-position: -60px 0;}
.samedate .date { height: 82px; }
/* Entry */
.entry { margin: 30px 0 0 110px; width: 540px; min-height: 165px; float: left; background: url(../images/34B1A.png) repeat-y top right; }
.entry p, .entry ul li, .entry ol li {line-height: 160%;}
.entry li p{margin: 0;}
.entry ul { list-style-type: disc; margin: 0 0 0 15px; }
.entry ol { list-style-type: decimal; margin: 0 0 0 19px; }
.entry ul, .entry ol { padding: 0 0 10px 0; }
.entry ul li, .entry ol li { padding: 0 0 5px 0; }
.entry blockquote { margin: 0 0 25px 0; padding: 0 0 0 10px; border-left: 3px solid #d7d7d7; }
/* Meta
--------------------------------------------------- ***/
.meta { padding: 37px 0 0 0; width: 125px; height: auto; float: right; }
.meta a { margin: 0 0 6px 25px; display: block; }
.meta .author{width: 90px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.meta .details { margin: 0 0 21px 0; padding: 0 0 25px 0; background: url(../images/DCA20.png) no-repeat bottom left; }
.meta .share { margin: 0 0 6px 0; position: relative; }
.meta .share .sharelink { cursor: pointer; }
.meta .share .expand { padding: 9px 0 0 10px; width: 171px; height: 77px; display: none; position: absolute; top: -89px; left: -49px; background: url(../images/8F51B.png) no-repeat; }
.meta .share .expand input { color: #939393; font: normal 11px 'Metrophobic', arial, serif; text-align: center; letter-spacing: -0.25px; margin: 0 0 21px 0; width: 160px; background-color: #f3f3f3; }
.meta .share .expand iframe{margin: 4px 0 4px 26px}

.meta .highres { margin: 21px 0 0 0; padding: 24px 0 0 0; background: url(../images/DCA20.png) no-repeat top left; }
/* Text
--------------------------------------------------- ***/
.text .entry { padding: 0 35px 0 0; }
.text h1 { font-size: 31px; line-height: 34px; }
.text h1 a { color: #4d4d4d; }
.text p { margin: 8px 0 7px 0; }
/* Photo
--------------------------------------------------- ***/
.photo .entry, .photoset .entry { margin: 25px 0 0; padding: 0 35px 0 110px; }
.photo p, .photoset p { margin: 15px 0 0 0; }

/*exif*/
.img-box{position: relative;margin: 10px 0;}
.img-box:hover .img-exif-holder{display: block;}

.img-exif-holder{display: none;position: absolute;left:0;bottom:0;}
.img-exif-holder .exif-mask{display: none;position: absolute;left:0;bottom:0;width: 280px;height: 277px;;background: #000;opacity:0.6;filter:alpha(opacity=60);}
.img-exif-holder .exif-info{display: none;position: relative;margin:15px 20px 20px;width: 240px;font-size: 12px;color: #eee;line-height: 18px;white-space: nowrap;}
.img-exif-holder .exif-info th{color: #aaa;text-align: right;padding: 0 15px;}
.img-exif-holder .exif-toggler{display: block;width: 24px;height: 24px;text-align: center;font:16px/23px Courier New, Monotype Corsiva,  sans-serif;background-color: #333;background-color: rgba(0,0,0,0.5);color: #fff;position: absolute;left:10px;bottom:10px;border-radius:5px;}

.img-exif-holder.on{display: block;}
.img-exif-holder.on .exif-mask,.img-exif-holder.on .exif-info{display: block;}
.img-exif-holder.on .exif-toggler{background-color: #ccc;background-color: rgba(255,255,255,0.5);color: #111;}

/* Quote
--------------------------------------------------- ***/
.quote .entry { padding: 25px 35px 30px 0; }
.quote blockquote { color: #4d4d4d; font: bold italic 20px/28px 'Droid Serif', Georgia, serif; margin: 0; padding: 0 0 10px 0; border: none; }
.quote p { color: #939393; font: normal 16px 'Metrophobic', arial, serif; text-align: right; }
/* Link
--------------------------------------------------- ***/
.link .entry { padding: 10px 35px 35px 0; }
.link span.heading { color: #939393; font-size: 13px; }
.link h1 { font-size: 33px; line-height: 37px; padding-bottom: 9px; }
.link h1 a { color: #4d4d4d; font-size: 33px; line-height: 37px; }
.link .description{margin: 10px 0;}
/* Chat
--------------------------------------------------- ***/
.chat .entry { padding: 0 35px 0 0; }
.chat h2 a { color: #4d4d4d; font-size: 24px; line-height: 26px; margin: 0 0 15px 0; display: block; }
.chat p { font: normal 16px 'Metrophobic', arial, serif; margin: 0 0 11px 0; }
.chat p strong { color: #939393; font-weight: normal; }
.chat .chatstream span { color: #4d4d4d; }
/* Audio
--------------------------------------------------- ***/
.audio .entry { padding: 5px 35px 0 0; }
.audio .audiometa { width: 380px; float: left; }
.audio .artist { color: #939393; font-size: 16px; }
.audio h2 {margin: 5px 0;}
.audio h2 a { color: #4d4d4d; font-size: 28px; }
.audio p { margin: 6px 0 0 0; }
.audio .plays { font-size: 16px; }
.audio .album { margin: 4px 0 0 0; float: right; position: relative; }
.audio .album, .audio .cover img, .audio .track { width: 122px; height: 122px; }
.audio .track { display: block; position: absolute; top: 0; left: 0; background: url('../images/C6000.png') no-repeat; }
.audio .track .player { width: 41px; height: 41px; display: block; position: absolute; right: 33px; bottom: 33px; }
.audio .audio_player { width: 26px; height: 26px; overflow: hidden; }
.audio cite{display: block;margin: 10px 0;font-style:normal;color: #aaa;font-size: 12px;}
/* Video--------------------------------------------------- ***/
.video .entry { padding: 0 35px 0 0; }
.video .entry p { margin: 15px 0 0 0; }

/* Permalink--------------------------------------------------- ***/
#notes { margin: 26px 0 0 92px; width: 570px; }
#notes h4 { color: #4d4d4d; padding: 0 0 16px 0; border-bottom: 1px dotted #d7d7d7; }
#notes .notes li { font: normal 17px 'Rokkitt', arial, serif; padding: 12px 0; border-bottom: 1px dotted #d7d7d7; }
#notes .notes li img { width: 24px; height: 24px; float: left; }
#notes .notes li .action { margin: 0 0 0 11px; padding: 2px 0 0 0; float: left; }
#notes .notes li .action a { text-decoration: underline; }
#disqus { margin: 30px 0 0 112px; width: 570px; padding-bottom: 30px; position: relative; background: url(../images/DCA20.png) no-repeat 110px bottom; }

/* Pagination--------------------------------------------------- ***/
#pagination { padding: 30px 0 0 0; width: 697px; overflow: hidden; float: right; white-space: nowrap;}
#pagination .prev, #pagination .prev a, #pagination .next, #pagination .next a { display: block; }
#pagination .prev, #pagination .prev a { float: left; }
#pagination .next, #pagination .next a { float: right; }
#pagination .prev, #pagination .next, #pagination .active a { height: 40px; background: url(../images/B5401.png) no-repeat top right; position: relative; }
#pagination .active { padding: 0 !important;background: none !important; }
#pagination .prev, #pagination .next, #pagination .active a { padding: 0 20px 0 0; }
#pagination span.cap { display: inline-block; width: 20px; height: 40px; background: url(../images/0EA3E.png) no-repeat; }
#pagination span.title { color: #fff; font-size: 14px; line-height: 24px;display: none; position: absolute; top: 0; }
#pagination .prev span.title { padding: 8px 0 0 43px; left: 0; }
#pagination .next span.title { padding: 8px 43px 0 0; right: 0; }
#pagination span.arrow { width: 40px; height: 40px; position: absolute; top: 0; }
#pagination .prev span.arrow { left: 0; background-position: -60px -100px;}
#pagination .next span.arrow { right: 0; background-position: -100px -100px;}
#pagination .active .arrow, #pagination .active .title{cursor: pointer;}
#pagination .prev, #pagination .next { background-color: #ebebeb; }

/* Shared--------------------------------------------------- ***/
.frame { text-align: left; padding: 20px; background: url(../images/FF377.png) 0 0 repeat; }
.frame object { display: block; }
.tags {clear:both; margin: 15px 0 10px 0; overflow: hidden; }
.audio .tags { background: none; }
.tags a { color: #fefefe; font-size: 13px; margin: 0 12px 10px 0; padding: 0 0 0 18px; height: 25px; display: block; float: left; background: url(../images/402F8.png) no-repeat top left; }
.tags a span { padding: 0 14px 0 0; height: 25px;line-height: 25px; display: block; background: url(../images/4BCA4.png) no-repeat bottom right; }
.clear { font-size: 0; line-height: 0; height: 0; content: "."; display: block; clear: both; }

.spin { -webkit-animation-name: spin; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration: 3s; /*
		Because FF doesn't support mask-image (not even in FF5) so the
		spinning looks like arse. Saving this here for the time being.
		*/
		-moz-animation-name: spin; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-animation-duration: 2s; animation-name: spin; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 2s; }

.cover img { -webkit-mask-image: url('http://x.libdd.com/farm1/3f3cd9/432b2e71/EB159.png'); mask-image: url('http://x.libdd.com/farm1/3f3cd9/432b2e71/EB159.png'); }

@-webkit-keyframes spin {  
	0% { -webkit-transform: rotate(0deg);}
	10% { -webkit-transform: rotate(36deg);}
	20% { -webkit-transform: rotate(72deg);}
	30% {-webkit-transform: rotate(108deg);}
	40% {-webkit-transform: rotate(144deg);}
	50% {-webkit-transform: rotate(180deg);}
	60% {-webkit-transform: rotate(216deg);}
	70% {-webkit-transform: rotate(252deg);}
	80% {-webkit-transform: rotate(288deg);}
	90% { -webkit-transform: rotate(324deg);}
	100% {-webkit-transform: rotate(360deg);}
}

/* Under review */
@-moz-keyframes spin {  
	0% {
	-moz-transform: rotate(0deg);
	}
	25% {
	-moz-transform: rotate(90deg);
	}
	50% {
	-moz-transform: rotate(180deg);
	}
	75% {
	-moz-transform: rotate(270deg);
	}
	100% {
	-moz-transform: rotate(360deg);
	}
}
#profile { overflow: auto; }
#ask, #profile { display: none; }

/* Link color transition--------------------------------------------------- ***/

a { -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; }
a:hover, .title a:hover { color: #4d4d4d; }
.tags a span, .tags a { -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; }
.tags a:hover span, .tags a:hover { background-color: #4d4d4d !important; color: #fff !important; }



a, h1 a:hover, h2 a:hover, h3 a:hover, .date span, h2.tags_heading span { color: #7dbfbd; }
#header #nav a, .date span, .tags a, .tags a span, #pagination a { background-color: #7dbfbd !important; }



/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object{vertical-align:top;padding:0;margin:0;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002;}
.fancybox-outer{position:relative;padding:0;margin:0;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:70003;}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-inner{width:100%;height:100%;padding:0;margin:0;position:relative;outline:none;overflow:hidden;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;border:0;padding:0;margin:0;vertical-align:top;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('../images/3F937.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:1010;}
#fancybox-loading div{width:44px;height:44px;background:url('../images/B283F.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url('../images/89538.gif');/* helps IE */
z-index:1003;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;cursor:pointer;z-index:1003;visibility:hidden;}
.fancybox-prev span{left:20px;background-position:0 -36px;}
.fancybox-next span{right:20px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;padding:0;overflow:visible;visibility:hidden;}
/* Overlay helper */
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:70001;background:#000;}
/* Title helper */
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:1005;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:1003;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{margin-top:10px;word-break:break-all;word-wrap:break-word;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}


.no-result{text-align: center;font-size: 24px;margin: 40px 0;}
.no-result .back{margin-left: 20px;}
.no-result .back:hover{text-decoration: underline;}